<section id="menu">

</section>
<header>{{nome}} {{cognome}}</header>

<!-- <div id="scrollableframe">
    <div class="scroller"> -->

        <div id="list" class="frame">
            <div class="badge">
                <img class="picture" src="{{immagine.url}}">
                <ul>
                    <li class="title1">{{facolta.universita.nome}}</li>
                    <li class="title2">{{facolta.nome}}</li>
                    <li class="subtitle1"><span class="label">Matricola:</span> {{matricola}} </li>
                    <li class="subtitle2">Professore</li>
                </ul>
            </div>
            
            <br>

            <section class="ac-container">
                <div>
                    <input id="ac-1" name="accordion-1" type="checkbox" />
                    
                        <label for="ac-1">Orario ricevimento</label>
                        <article>
                            <div id="ricevimento" class="scrollerbox">
                                
                            </div>
                        </article>
                    
                </div>
                <div>
                    <input id="ac-2" name="accordion-1" type="checkbox" />
                    
                        <label for="ac-2">Corsi tenuti</label>
                        <article class="selectable">
                            <div id="corsi" class="scrollerbox">
                                <div class="scroller">
                                    <ul>
                                    </ul>
                                </div>
                            </div>  
                        </article>
                    
                </div>
                
            </section>


        </div>
        <div class="centercontent">
        <!--  href="#appoint/{{objectId}}"-->
            <a class="button" id="appointmentbutton">
                <span class="icon appointment"></span>
                <span class="label">Prendi appuntamento</span></a>
        </div>

<!--     </div>
</div> -->
